<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include file='../Templates/security.jsp' %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<script type="text/javascript">
    $(function(){
        $('#fechaControl').datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
    });

</script>
<h1 class="title">Gestión de Pre-Reportes</h1>
<hr>
<p class="meta"></p>
<center>
    <h2>Agregar Pre-Reporte</h2>
    <br>
    <div id="center">
        <!-- Fila de insertar -->
        <html:form action="/PreReporteAgregar" styleId="agregarPreReporteForm" onsubmit="return sendForm('agregarPreReporteForm', 'PreReporteAgregar','center');">
            <table>
                <tr>
                    <td>
                        <br><h2>Datos del Denunciante</h2>
                        <table>
                            <tr>
                                <td><font color="red">*&nbsp;</font>Nombre:</td>
                                <td><html:text property="nombre_denunciante" size="30" styleId="nombre_den"/></td>
                                <td>(Sólo debe contener letras) Ej: Pedro</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <html:errors property = "falta_Nombre"/>
                                    <html:errors property = "long_Nombre"/>
                                    <html:errors property = "invalid_caracter_N1"/>
                                </td>
                            </tr>
                            <tr>
                                <td><font color="red">*&nbsp;</font>Apellido:</td>
                                <td><html:text property="apellido_denunciante" size="30" styleId="apellido_den"/></td>
                                <td>(Sólo debe contener letras) Ej: Pérez</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                     <html:errors property = "falta_Apellido"/>
                                    <html:errors property = "long_Apellido"/>
                                    <html:errors property = "invalid_caracter_A1"/>
                                </td>
                            </tr>
                            <tr>
                                <td><font color="red">*&nbsp;</font>Cédula:</td>
                                <td><html:select property="nac_ci_denunciante">
                                        <html:option value="V">V</html:option>
                                        <html:option value="E">E</html:option>
                                    </html:select>
                                    -
                                    <html:text property="num_ci_denunciante" size="25" styleId="cedula"/>
                                </td>
                                <td>(Sólo debe contener números) Ej: 1234567</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <html:errors property = "falta_Cedula"/>
                                    <html:errors property = "invalid_Cedula"/>
                                    <html:errors property = "pr_cedulaExiste"/>
                                </td>
                            </tr>
                            <tr>
                                <td><font color="red">*&nbsp;</font>Teléfono:</td>
                                <td><html:text property="telefono" size="30" styleId="telf"/></td>
                                <td>Ej. 02125555555</td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <html:errors property = "pr_faltaTelefono"/>
                                    <html:errors property = "telefono_letras"/>
                                </td>
                            </tr>
                        </table>

                        <br><h2>Ubicación del suceso</h2>
                        <table>
                            <tr>
                                <td><font color="red">*&nbsp;</font>Sede:</td>
                                <td><select id="Sedes" name ="sede" onchange="listEspacios(value);"></select>
                                </td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <html:errors property = "pr_faltaSede"/>
                                </td>
                            </tr>
                            <tr>
                                <td><font color="red">*&nbsp;</font>Ubicación del Suceso:</td>
                                <td><select id="Espacios" name ="ubicacion"></select>
                                </td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <html:errors property = "pr_faltaUbicacion"/>
                                </td>
                            </tr>
                        </table>

                        <br><h2>Información General</h2>
                        <table>
                            <tr>
                                <td><font color="red">*&nbsp;</font>Receptor de la denuncia:</td>
                                <td><select id="workerSelected" name ="ingresa" property="ingresa">
                                        <script type="text/javascript">
                                            $.getJSON("listaTrabajadoresDSI.do",
                                            function(data) {
                                                $.each(data.namesTrabajadoresDSI, function(i,item){
                                                    var string = "<option value='"+item.cedula+"'>"+item.cedula+" "+item.apellido+", "+item.nombre+"</option>";
                                                    $('#workerSelected').append(string)
                                                });
                                            });
                                        </script>
                                        <option value="seleccionar">Seleccionar</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <html:errors property = "pr_faltaIngresa"/>
                                </td>
                            </tr>


                            <tr>
                                <td><font color="red">*&nbsp;</font>Fecha del suceso:</td>
                                <td><html:text property="fecha_suceso" styleId="fechaControl" size="30"/></td>
                                <td>Formato dd-mm-aaaa Ej. 01-12-1988</td>
                            </tr>
                            <tr>
                                <td><font color="red">*&nbsp;</font>Hora del suceso:</td>
                                <td><html:select property="hora_suceso">
                                        <%  /* Llena el dropdown de las horas
                                                     */
                                                    for (int i = 1; i < 13; i++) {
                                                        String valor = String.valueOf(i);
                                                        if (i < 10) {
                                                            valor = "0" + valor;
                                                        }%>
                                        <html:option value="<%= valor%>"><%= valor%></html:option>
                                        <%}%>
                                    </html:select>
                                    :
                                    <html:select property="minutos_suceso">
                                        <%  /* Llena el dropdown de los minutos
                                                     */
                                                    for (int i = 0; i < 60; i++) {
                                                        String valor = String.valueOf(i);
                                                        if (i < 10) {
                                                            valor = "0" + valor;
                                                        }%>
                                        <html:option value="<%= valor%>"><%= valor%></html:option>
                                        <%}%>
                                    </html:select>
                                    <html:select property="meridiano">
                                        <html:option value="AM">AM</html:option>
                                        <html:option value="PM">PM</html:option>
                                    </html:select>
                                </td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <html:errors property = "pr_faltaFecha"/>
                                    <html:errors property = "pr_formatFecha"/>
                                </td>
                            </tr>
                            <tr>
                                <td><font color="red">*&nbsp;</font>Descripción:</td>
                                <td><html:textarea property="descripcion" rows="15" cols="30" styleId="desc"/></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <html:errors property = "pr_faltaDescripcion"/>
                                </td>
                            </tr>

                        </table>
                    </td>
                </tr>
            </table>
            <br>
            <font color="red"><p>NOTA: Los campos que tienen (*) son obligatorios.</p></font>
            <br>
            <table>
                <tr>
                    <td title="Crear nuevo Pre-Reporte">
                        <html:submit value="Agregar" styleId="agregaButton"/>
                    </td>
                    <td>
                        <html:button property="" styleId="AgregarPreReporte" value="Limpiar" />
                    </td>
                    <td>
                        <html:button property="" styleId="novedadesPreReporte" value="Atrás" />
                    </td>
                </tr>
            </table>

        </html:form>
    </div>
</center>






